// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.gallery-thumbnails {
  margin: 5px -5px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;

  &__item {
    .fade-element(0.5s);
    margin: 5px;
    display: inline-block;
    width: 50px;
    height: 50px;
    flex: none;
    background-size: cover;
    background-position: center;

    opacity: 0.5;

    &:hover,
    &.js-gallery-thumbnail--active {
      opacity: 1;
    }
  }
}
